<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>奖品详情</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>
<section>
    <header class="normal_header">
        <div class="header_pic">
            <a href="{:U('index/choujiang')}"><img src="__IMG__/ex/back_black.png" alt=""></a>
        </div>
        <p>奖品详情</p>
        <div class="header_pic"></div>
    </header>
    <section class="change_content">
        <img src="{$info.award_img}" alt="">
        <div>
            <h3>第{$info.lottery_id}期幸运抽奖，奖品：{$info.award}</h3>
            <h3>参与情况：</h3>
            <table class="table">
                <volist name="lottery_user" id="vo" empty="暂无数据">
                    <tr>
                        <td>{$vo.username}</td>
                        <td>共投{$vo.count}注</td>
                    </tr>
                </volist>
            </table>
        </div>
        <hr />
        <div>
            <h3>奖品详情：</h3>
            <hr>
            {$info.award_detail}
        </div>
    </section>
</section>
<style>
    .table{
        width: 90%;
        margin: 10px auto;
        text-align: center;
        border: 0;
    }
    .table tr{
        border-bottom: 1px solid #808080;
        line-height: .7rem;
    }
    img{
        /*width: 100%;*/
        width: 5rem;
        display: block;
        margin: 0 auto;
    }
    /*table{*/
        /*border: 1px solid black;*/
    /*}*/
</style>
</html>